<template>
  <div class="selector-container">
    <el-card shadow="hover" header="已上传资源文件">
      <el-button type="primary" @click="openView" size="default">
        <el-icon>
          <ele-FolderOpened/>
        </el-icon>
        点击打开
      </el-button>
    </el-card>
  </div>
  <resource-file   ref="resourceFileRef"></resource-file>
</template>

<script lang="ts">
import {toRefs, reactive, defineComponent, ref} from 'vue';
import resourceFile from "/@/components/resourceFile/index.vue"
export default defineComponent({
  name: 'makeSelector',
  components: { resourceFile },
  setup() {
    const resourceFileRef = ref();
    const state = reactive({
      modelIcon: '',
      tableData: [

      ],
      tableData1: [

      ],
    });
    const openView = () => {
      resourceFileRef.value.openDialog()
    };
    return {
      resourceFileRef,
      openView,
      ...toRefs(state),
    };
  },
});
</script>
